<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>

<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>
<head>
    <title>巡检统计</title>
    <meta charset="utf-8">
    <link rel="icon" href="https://static.jianshukeji.com/highcharts/images/favicon.ico">
    <meta name="viewport" content="width=device-width, initial-scale=0.3, user-scalable=0, minimum-scale=0, maximum-scale=5.0,user-scalable=yes">
    <link rel="stylesheet" href="/css/officialDocument/officialDocument.css">
    <script src=" /js/jquery/jquery.min.js"></script>
   <%--    <script src="/lib/Highcharts-5.0.14/code/highcharts-zh_CN.js"></script>--%>
</head>
<style>


</style>

<body>
<div>
<div class="headTop">
    <ul class="clearfix">
        <li class="fl headTopLi active" data-id="grid" onclick="liopen(this)">网格</li>
        <li class="fl" style="margin-top: 3px;"><img src="/img/02.png" alt=""></li>
        <li class="fl headTopLi" data-id="2" onclick="liopen(this)">检查类型</li>
        <li class="fl" style="margin-top: 3px;"><img src="/img/02.png" alt=""></li>
        <li class="fl headTopLi" data-id="3" onclick="liopen(this)">排行榜</li>
    </ul>


</div>
<div class="content" style="margin-top: 44px;background: #fff">
    <iframe class="content_iframe" style="width: 100%;height: 100%;border:none" scrolling="auto" src="/street/CheckingStatistics?type=grid" >

    </iframe>
</div>
</div>
<script>
    $('.content').height($(window).height()-$('.headTop').height()-30)
function liopen(me) {
        $(me).siblings('li').removeClass('active')
        $(me).addClass('active')
    if($(me).attr('data-id')==2){
        $('.content').find('iframe').attr('src','/street/CheckingStatistics?type=2')
    }else if($(me).attr('data-id')=="grid"){
        $('.content').find('iframe').attr('src','/street/CheckingStatistics?type=grid')
    }else{
        $('.content').find('iframe').attr('src','/street/communityRank')
    }
}




</script>
</body>
</html>